﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet"
			href="/static/css/table.css" type="text/css">
		<link rel="stylesheet"
			href="/static/css/cwcalendar.css" type="text/css">
<!--		<script type="text/javascript"-->
<!--			src="/static/javascript/jquery-1.7.2.js">-->
<!--		</script>-->
		<script type="text/javascript"
			src="/static/javascript/jquery.messager.js">
		</script>
		<script type="text/javascript"
			src="/static/javascript/comm/comm.js">
		</script>
		<script type="text/javascript"
			src="/static/javascript/comm/select.js">
		</script>
		<script type="text/javascript"
			src="/static/javascript/calendar-ch.js">
		</script>
		<script type="text/javascript"
			src="/static/javascript/time.js">
		</script>
		<script type="text/javascript"
			src="/static/javascript/human_register.js">
		</script>
		<script type="text/javascript"
			src="/static/javascript/human_input_check.js">
		</script>
		<!--以下3个js库必须按照顺序引入-->
		<!--vue脚本库-->
		<script type="text/javascript"
				src="/static/js/vue-3.2.4.global.js">
			<!--axios脚本库-->
		</script>
		<script type="text/javascript"
				src="/static/js/axios-0.18.0.min.js">
		</script>
		<!--我们自己封装的axios函数库 -->
		<script type="text/javascript"
				src="/static/js/axios-helper.js">
		</script>
	</head>

	<body id="app">
		<form method="post">
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是：人力资源--人力资源档案管理--人力资源档案登记 </font>
					</td>
				</tr>
				<tr>
					<td align="right">
<!--						action="register_choose_picture.html"-->
						<input type="button" value="提交" class="BUTTON_STYLE1"
						@click="svae()" />
						<input type="reset" value="清除" class="BUTTON_STYLE1"/>
					</td>
				</tr>
			</table>
			<table width="100%" border="1" cellpadding=3 cellspacing=1
				bordercolorlight=#848284 bordercolordark=#eeeeee
				class="TABLE_STYLE1">
				<tr>
					<td class="TD_STYLE1" width="11%">
						I级机构
					</td>
					<td width="14%" class="TD_STYLE2">
						<select v-model="configFileFirstKind" class="SELECT_STYLE1" id="firstKind">
							<option v-for="c in configFileFirstKindList"
									:value="c">
								{{c.firstKindName}}
							</option>
						</select>
						<input type="hidden" name="humanFile.firstKindName"/>
					</td>
					<td width="11%" class="TD_STYLE1">
						II级机构
					</td>
					<td width="14%" class="TD_STYLE2">
						<select v-model="configFileSecondKind" class="SELECT_STYLE1" id="secondKind">
							<option v-for="csk in configFileSecondKindList"
								:value="csk">
								{{csk.secondKindName}}
							</option>
						</select>
						<input type="hidden" name="humanFile.secondKindName"/>
					</td>
					<td width="11%" class="TD_STYLE1">
						III级机构
					</td>
					<td class="TD_STYLE2" colspan="2">
						<select v-model="configFileThirdKind" name="humanFile.thirdKindId" class="SELECT_STYLE1" id="thirdKind">
							<option v-for="cft in configFileThirdKindList"
							:value="cft">
								{{cft.thirdKindName}}
							</option>
						</select>
						<input type="hidden" name="humanFile.thirdKindName"/>
					</td>
					<td rowspan="5" style="text-align: center;">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						职位分类
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanMajorKindId" class="SELECT_STYLE1" id="majorKind">
							<option>
								请选择
							</option>
							<option v-for="cmk in configMajorKindList"
								:value="cmk.majorKindId">
								{{cmk.majorKindName}}
							</option>
						</select>
						<input type="hidden" name="humanFile.humanMajorKindName"/>
					</td>
					<td class="TD_STYLE1">
						职位名称
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanMajorId" class="SELECT_STYLE1" id="majorName">
							<option>
								请选择
							</option>
							<option v-for="cfm in configMajorList"
								:value="cfm.makId">
								{{cfm.majorName}}
							</option>
						</select>
						<input type="hidden" name="humanFile.hunmaMajorName"/>
					</td>
					<td class="TD_STYLE1">
						职称
					</td>
					<td colspan="2" class="TD_STYLE2">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '职称'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						姓名
					</td>
					<td class="TD_STYLE2">
						<input type="text"
							class="INPUT_STYLE2" v-model="humanFile.humanName"/>
					</td>
					<td class="TD_STYLE1">
						性别
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanSex" class="SELECT_STYLE1" v-model="humanFile.humanSex">
							<option value="男" selected="selected">
								男
							</option>
							<option value="女">
								女
							</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						EMAIL
					</td>
					<td colspan="2" class="TD_STYLE2">
						<input type="text" name="humanFile.humanEmail" id="humanEmail"
							class="INPUT_STYLE2">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						电话
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanFile.humanTelephone" id="humanTelephone"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						QQ
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanFile.humanQq" id="humanQq"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						手机
					</td>
					<td colspan="2" class="TD_STYLE2">
						<input type="text" name="humanFile.humanMobilephone" id="humanMobilephone"
							class="INPUT_STYLE2">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						住址
					</td>
					<td colspan="3" class="TD_STYLE2">
						<input type="text" name="humanFile.humanAddress"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						邮编
					</td>
					<td colspan="2" class="TD_STYLE2">
						<input type="text" name="humanFile.humanPostcode"
							class="INPUT_STYLE2">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						国籍
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '国籍'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
					<td class="TD_STYLE1">
						出生地
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanFile.humanBirthplace"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						生日
					</td>
					<td width="13%" class="TD_STYLE2">
						<input type="text" name="humanFile.humanBirthday" readonly="readonly"
							class="INPUT_STYLE2" id="birthday">
					</td>
					<td width="11%" class="TD_STYLE1">
						民族
					</td>
					<td class="TD_STYLE2" width="14%">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '民族'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						宗教信仰
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '宗教信仰'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
					<td class="TD_STYLE1">
						政治面貌
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '政治面貌'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
					<td class="TD_STYLE1">
						身份证号码
					</td>
					<td class="TD_STYLE2">
						<input type="text" v-model="humanFile.humanIdCard" id="humanIdCard" name="humanFile.humanIdCard"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						社会保障号码
					</td>
					<td class="TD_STYLE2">
						<input type="text" v-model="humanFile.humanSocietySecurityId"
							class="INPUT_STYLE2">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						年龄
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanFile.humanAge" id="humanAge"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						学历
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '学历'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
					<td class="TD_STYLE1">
						教育年限
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '教育年限'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
					<td class="TD_STYLE1">
						学历专业
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '专业'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						薪酬标准
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.salaryStandardId" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<option v-for="s in salaryStandardDetailsList"
								:value="s.standardId">
								{{s.standardName}}
							</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						开户行
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanFile.humanBank"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						帐号
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanFile.humanAccount"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						登记人
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanFile.register" :value="uname"
							readonly="readonly" class="INPUT_STYLE2">

					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						建档时间
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanFile.registTime" id="create_time" readonly="readonly"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						特长
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '特长'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
					<td class="TD_STYLE1">
						爱好
					</td>
					<td class="TD_STYLE2">
						<select name="humanFile.humanProDesignation" class="SELECT_STYLE1">
							<option>
								请选择
							</option>
							<template v-for="cfpc in configPublicCharList">
								<option v-if="cfpc.attributeKind == '爱好'"
										:value="cfpc.pbcId">
									{{cfpc.attributeName}}
								</option>
							</template>
						</select>
					</td>
					<td class="TD_STYLE1">
						&nbsp;
					</td>
					<td class="TD_STYLE2">
						&nbsp;
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						个人履历
					</td>
					<td colspan="7" class="TD_STYLE2">
						<textarea name="humanFile.humanHistroyRecords" rows="4" v-model="humanFile.humanHistroyRecords"
							class="TEXTAREA_STYLE1"></textarea>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						家庭关系信息
					</td>
					<td colspan="7" class="TD_STYLE2">
						<textarea name="humanFile.humanFamilyMembership" rows="4"
							class="TEXTAREA_STYLE1" v-model="humanFile.humanFamilyMembership"></textarea>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						备注
					</td>
					<td colspan="7" class="TD_STYLE2">
						<textarea name="humanFile.remark" rows="4" class="TEXTAREA_STYLE1" v-model="humanFile.remark"></textarea>
					</td>
				</tr>
			</table>
		</form>
	</body>
	<script type="module">
		Vue.createApp({
			//数据绑定
			data(){
				return{
					//一级机构
					configFileFirstKind:null,
					configFileSecondKind:null,
					configFileThirdKind:null,
					configFileFirstKindList:[],
					configFileSecondKindList:[],
					configFileThirdKindList:[],
					configMajorKindList:[],
					configMajorList:[],
					configPublicCharList:[],
					salaryStandardDetailsList:[],
					uname:null,
					//准备一个对象
					humanFile:{
						hufid:null,

						humanId:null,

						firstKindId:null,

						firstKindName:null,

						secondKindId:null,

						secondKindName:null,

						thirdKindId:null,

						thirdKindName:null,
						//姓名
						humanName:null,

						humanAddress:null,

						humanPostcode:null,

						humanProDesignation:null,

						humanMajorKindId:null,

						humanMajorKindName:null,

						humanMajorId:null,

						hunmaMajorName:null,

						humanTelephone:null,

						humanMobilephone:null,

						humanBank:null,

						humanAccount:null,

						humanQq:null,

						humanEmail:null,

						humanHobby:null,

						humanSpeciality:null,

						humanSex:null,

						humanReligion:null,

						humanParty:null,

						humanNationality:null,

						humanRace:null,

						humanBirthday:null,

						humanBirthplace:null,

						humanAge:null,

						humanEducatedDegree:null,

						humanEducatedYears:null,

						humanEducatedMajor:null,
						// 社会保障号
						humanSocietySecurityId:null,
						// 身份证号
						humanIdCard:null,
						// 备注
						remark:null,

						salaryStandardId:null,

						salaryStandardName:null,

						salarySum:null,

						demandSalaraySum:null,

						paidSalarySum:null,

						majorChangeAmount:null,

						bonusAmount:null,

						trainingAmount:null,

						fileChangAmount:null,
						// 简历
						humanHistroyRecords:null,
						// 家庭关系
						humanFamilyMembership:null,

						humanPicture:null,

						attachmentName:null,

						checkStatus:null,
						// 档案登记人
						register:null,

						checker:null,

						changer:null,

						registTime:null,

						checkTime:null,

						changeTime:null,

						lastlyChangeTime:null,

						deleteTime:null,

						recoveryTime:null,

						humanFileStatus:null

					}
				}
			},
			//此函数在vue对象创建之后，data、监听、methods...等初始化完毕之后调用此函数
			created(){
				//调用接口，查询 一级机构
				requestGet("/configFileFirstKind/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configFileFirstKindList = data;
				});
				//调用接口，查询 二级机构
				requestGet("/configFileSecondKind/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configFileSecondKindList = data;
				});
				//调用接口，查询 三级机构
				requestGet("/configFileThirdKind/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configFileThirdKindList = data;
				});
				//调用接口，查询 职位分类
				requestGet("/configMajorKind/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configMajorKindList = data;
				});
				requestGet("/configMajor/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configMajorList = data;
				});
				requestGet("/configPublicChar/queryList").then((data)=>{
					// console.info("*** data:",data)
					//设置到vue模型层
					this.configPublicCharList = data;
				});
				requestGet("/salaryStandardDetails/queryList").then((data)=>{
					console.info("*** data:",data)
					//设置到vue模型层
					this.salaryStandardDetailsList = data;
				});
				this.uname= sessionStorage.getItem("u");
			},
			methods:{
				//点击 保存按钮 执行此函数
				svae(){
					this.humanFile.register = sessionStorage.getItem("u");
					this.humanFile.firstKindId = this.configFileFirstKind.firstKindId;
					this.humanFile.firstKindName = this.configFileFirstKind.firstKindName;

					this.humanFile.secondKindId = this.configFileSecondKind.secondKindId;
					this.humanFile.secondKindName = this.configFileSecondKind.secondKindName;

					this.humanFile.thirdKindId = this.configFileThirdKind.thirdKindId;
					this.humanFile.thirdKindName = this.configFileThirdKind.thirdKindName;

					// console.info("*** 打印的",this.humanFile);
					// console.info("*** configFileFirstKind",this.configFileFirstKind);
					// console.info("*** configFileSecondKind",this.configFileSecondKind);
					//调用保存接口
					requestPostman("/humanFile/save",this.humanFile)
					.then((data)=>{
						// console.info("*** data",data)
						alert("保存了，铁子")
					});
				}

			}
		}).mount("#app");
	</script>
</html>

